<!--header-->
<div class="header">
  <div class="container">
    <nav class="navbar navbar-expand-md navbar-light">
      <!-- LOGO -->
      <a class="navbar-brand" href="javascript:void(0);">
        <img src="../../../assets/img/logo.png">
      </a>
      <!-- 菜单栏自适应 -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- 菜单栏 -->
      <div class="collapse navbar-collapse" id="collapsibleNavbar" style="justify-content:flex-end;">
        <ul class="navbar-nav" style="">
          <li class="nav-item">
            <a class="nav-link menu-title" href="javascript:void(0);" routerLink="home" routerLinkActive="click"><h5>首页</h5></a>
          </li>
          <li class="nav-item menu-title">
            <a class="nav-link" href="javascript:void(0);" routerLink="mall" routerLinkActive="click"><h5>宠物商城</h5></a>
          </li>
          <li class="nav-item menu-title">
            <a class="nav-link" href="javascript:void(0);" routerLink="/login"><h5>管理员登陆</h5></a>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</div>

<!--body-->
<div class="body">
  <div class="container">
    <router-outlet></router-outlet>
  </div>
</div>

<!--footer-->
<div class="footer">
  <div class="container">
    <div class="row">
      <div class="col-12 qrcode">
        <!--微信二维码-->
        <img src="{{item.src}}" *ngFor="let item of weixinCodeCovers;" />
      </div>
      <div class="col-12 copy-right"><span>Copyright &copy; 2018.Company GDD All rights reserved</span></div>
    </div>
  </div>
</div>
